<template>
  <div class="dd">
    <Card title="业务介绍">
      <p>
        云MAS业务由政企分公司统筹规划、统一管理、统一运营、服务全网，集团政企分公司负责云MAS业务平台的整体研发、业务开通、
        运营组织管理以及直管客户的营销推广，各省公司负责本省客户云MAS业务营销推广、业务受理等工作。
      </p>
    </Card>
    <Card title="基本信息">
      <el-form size="small" inline label-width="120px" :model="formA">
        <el-form-item label="客户名称">
          <el-input v-model="formA.valA"></el-input>
        </el-form-item>
        <el-form-item label="客户编码">
          <el-input v-model="formA.valB"></el-input>
        </el-form-item>
      </el-form>
    </Card>
    <Card title="MAS局数据">
      <el-form size="small" inline label-width="120px" :model="formB">
        <el-form-item label="客户类型">
          <el-select :value="1" size="small" v-model="formB.valA">
            <el-option label="省公司类型" :value="1"> </el-option>
            <el-option label="集团公司客户" :value="2"> </el-option>
            <el-option label="政府客户" :value="3"> </el-option>
            <el-option label="直辖市客户" :value="4"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="数据发送类型">
          <el-select :value="1" size="small" v-model="formB.valB">
            <el-option label="短信" :value="1"> </el-option>
            <el-option label="语音" :value="2"> </el-option>
            <el-option label="电话" :value="3"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="短信基本接入号">
          <el-input v-model="formB.valC"></el-input>
        </el-form-item>
        <el-form-item label="企业代码">
          <el-input v-model="formB.valD"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="formB.valE"></el-input>
        </el-form-item>
        <el-form-item label="接口联系人">
          <el-input v-model="formB.valF"></el-input>
        </el-form-item>
        <el-form-item label="联系方式">
          <el-input v-model="formB.valG"></el-input>
        </el-form-item>
      </el-form>
    </Card>
    <Card title="其他信息">
      <el-form size="small" inline label-width="120px" :model="formC">
        <el-form-item label="资费生效日期">
          <el-select :value="1" size="small" v-model="formC.valA">
            <el-option label="当日生效" :value="1"> </el-option>
            <el-option label="次日生效" :value="2"> </el-option>
            <el-option label="下月生效" :value="3"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="支付方式">
          <el-select :value="1" size="small" v-model="formC.valB">
            <el-option label="有限公司一点受理，一点支付" :value="1">
            </el-option>
            <el-option label="有限公司一点受理，分省支付" :value="2">
            </el-option>
            <el-option label="主办省一点受理，一点支付" :value="3"> </el-option>
            <el-option label="主办省一点受理，分省支付" :value="4"> </el-option>
            <el-option label="本省受理，本省支付" :value="5"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="签约主体">
          <el-select :value="1" size="small" v-model="formC.valC">
            <el-option label="集团公司" :value="1"> </el-option>
            <el-option label="集团政企分公司" :value="2"> </el-option>
            <el-option label="有限公司" :value="3"> </el-option>
            <el-option label="有限政企分公司" :value="4"> </el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <el-form size="small" inline label-width="120px" :model="formD">
        <el-form-item label="客户经理">
          <el-input v-model="formD.valA"></el-input>
        </el-form-item>
        <el-form-item label="联系方式">
          <el-input v-model="formD.valC"></el-input>
        </el-form-item>
      </el-form>
    </Card>
  </div>
</template>

<script>
import Card from '@/components/Card'
export default {
  components: {
    Card
  },

  data() {
    return {
      formA: {
        valA: '',
        valB: ''
      },
      formB: {
        valA: 1,
        valB: 1,
        valC: '',
        valD: '',
        valE: '',
        valF: '',
        valG: ''
      },
      formC: {
        valA: 1,
        valB: 1,
        valC: 1
      },
      formD: {
        valA: '',
        valB: '',
        valC: ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
p {
  text-indent: 2em;
}
</style>
